/* HTML5 elements - make sure they show OK */

header, section, article, footer, nav, aside{
 display: block;
}









/* Mecha-cheetah JavaScript assisted theme: the class "mecha" on body is used
** for this, applied on body by the JavaScript. So here everything related
** uses it as base ensuring that it only takes effect with its script. */

/* Style reset */

body.mecha,
.mecha *{
 padding: 0px;
 margin: 0px;
 border-width: 0px;
 border-style: none;
 color: #bb77ff;
 font-size: 14px;
 font-family: sans;
 font-weight: normal;
 font-style: normal;
 text-align: justify;
 text-decoration: none;
 background-color: transparent;
 background-image: none;
 background-repeat: repeat; background-position: left top;
 clear: none;
 overflow: hidden;
}
.mecha ul, .mecha ol, .mecha li{
 list-style-type: none;
 list-style-image: none;
}
/* Body: Restore overflow for scroll-ability */
body.mecha{
 overflow: auto;
}



/* Styling theme components */

body.mecha{
 background-color: #000000;
}

.mecha #style_bg0{
 background-image: url("../images/r_bg_rep.png");
 background-position: center top;
 background-repeat: repeat-y;
}

.mecha #style_bg1{
 background-image: url("../images/r_bg_mtp.png");
 background-position: center top;
 background-repeat: no-repeat;
}

.mecha #style_bg2{
 background-image: url("../images/r_bg_ctp.png");
 background-position: center top;
 background-repeat: no-repeat;
}

.mecha #style_bg3d{
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
}

.mecha #style_bg3{
 position: relative;
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
}

.mecha #style_bg3jt{
 position: absolute;
 left: 140px; top: 39px;
 width: 660px; height: 102px;
}

.mecha #style_bg4{
 margin-left: 288px;
 padding-left: 21px;
 padding-top: 210px;
 padding-right: 34px;
 padding-bottom: 10px;
}

.mecha #style_eyes{
 position: absolute;
 left: 105px; top: 68px;
 width: 56px; height: 25px;
 opacity: 0.0;
 background-image: url("../images/r_eyes.png");
 background-position: left top;
 background-repeat: no-repeat;
}

.mecha #style_vc64{
 position: absolute;
 left: 725px; top: 67px;
 width: 104px; height: 50px;
 display: none;
 background-image: url("../images/r_vc64.png");
 background-position: left top;
 background-repeat: no-repeat;
}

.mecha #style_rrpge{
 position: absolute;
 left: 21px; top: 670px;
 width: 240px; height: 180px;
 background-image: url("../images/r_rrpge.png");
 background-position: left 0px;
 background-repeat: no-repeat;
}

.mecha #style_bg3jt div{
 position: absolute;
 width: 20px; height: 9px;
 background-image: url("../images/r_jtilel.png");
 background-position: 0px 9px;
 background-repeat: no-repeat;
}

.mecha #style_mct{
 position: absolute;
 left: 0px; top: 0px;
 width: 305px; height: 640px;
}

.mecha #style_mcr{
 position: absolute;
 left: 288px; top: 0px;
 width: 17px; height: 640px;
 background-image: url("../images/r_bg_ctp.png");
 background-position: -428px 0px;
 background-repeat: no-repeat;
 z-index: 1;
}

.mecha .style_mf{
 position: absolute;
 left: 3px;
 width: 264px; height: 45px;
 background-image: url("../images/r_menu.png");
 background-repeat: no-repeat;
 z-index: 0;
}

.mecha #style_m0{ top: 240px; background-position: 0px 0px; }
.mecha #style_m1{ top: 308px; background-position: 0px -68px; }
.mecha #style_m2{ top: 376px; background-position: 0px -136px; }
.mecha #style_m3{ top: 444px; background-position: 0px -204px; }
.mecha #style_m4{ top: 512px; background-position: 0px -272px; }
.mecha #style_m5{ top: 580px; background-position: 0px -340px; }

.mecha .style_mm{
 position: absolute;
 width: 264px; height: 45px;
 background-image: url("../images/r_menut.png");
 background-repeat: no-repeat;
 z-index: 0;
}

.mecha .style_mi{
 position: relative;
 width: 264px; height: 45px;
}

.mecha .style_mit{
 position: absolute;
 width: 51px; height: 29px;
 top: 8px;
 background-image: url("../images/r_mfont.png");
 background-repeat: no-repeat;
}

.mecha #style_md{
 position: absolute;
 width: 1px; height: 1px;
 background-image: url("../images/r_menut.png");
 background-repeat: no-repeat;
}

.mecha #style_bcr{
 position: absolute;
 left: 240px; top:147px;
 width: 636px; height: 20px;
 z-index: 2;
 font-weight: bold;
 color: #ffffff;
 font-family: monospace;
 text-align: left;
}

.mecha #style_bcr a{
 font-weight: bold;
 color: #ffaa99;
 font-family: sans;
}

.mecha #style_bcr a:hover{
 color: #ffffff;
}

.mecha #style_ccf{
 position: absolute;
 left: 835px; top: 0px;
 width: 165px; height: 140px;
}

.mecha #style_recomm{
 position: absolute;
 left: 20px;
 width: 260px;
}

.mecha #style_floatbox{
 position: absolute;
 border-style: dotted;
 border-top-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px;
 padding-top: 12px;
 padding-left: 12px;
 padding-right: 12px;
 background-color: #000000;
 border-color: #ff7700;
 width: 631px;
 display: none;
}

.mecha #style_floatbox .thumbnail{
 display: block;
 float: left;
 margin-right: 12px;
 margin-bottom: 24px;
}

.mecha #style_floatbox .date,
.mecha #style_floatbox .id{
 display: block;
 float: right;
 font-weight: normal;
 color: #ff7700;
 font-style: italic;
}

.mecha #style_floatbox .title{
 font-weight: bold;
 color: #ff7700;
}

.mecha #style_floatbox .meta{
 margin-bottom: 12px;
}

.mecha #style_floatbox .summary{
 margin-bottom: 24px;
}

.mecha .welcome{
 margin-top: 12px;
 margin-bottom: 12px;
}



/* Styling body html - generic stuff */

.mecha h1,
.mecha h2{
 font-weight: bold;
 color: #ff7700;
 border-bottom-width: 1px;
 border-style: solid;
 border-color: #ff7700;
}

.mecha h1{ text-align: center; font-size: 1.6em; margin-top: 18px; }
.mecha h2{ text-align: left;   font-size: 1.45em; margin-top: 18px; }

.mecha h3,
.mecha h4{
 font-weight: bold;
 color: #ff7700;
 text-align: left;
 border-bottom-width: 1px;
 border-style: dotted;
 border-color: #ff7700;
}

.mecha h3{ font-size: 1.3em; margin-top: 18px; }
.mecha h4{ font-size: 1.15em; margin-top: 16px; }

.mecha h1 a,
.mecha h2 a,
.mecha h3 a,
.mecha h4 a{ color: #ff7700; font-weight: bold; }
.mecha h1 a:hover,
.mecha h2 a:hover,
.mecha h3 a:hover,
.mecha h4 a:hover{ color: #ffff99; }
.mecha h1 a,
.mecha h2 a,
.mecha h3 a,
.mecha h4 a{ font-size: 1em; }



/* Body elements typically have a bottom border, add this */

.mecha .body{
 margin-bottom: 12px;
 border-bottom-width: 1px;
 border-style: solid;
 border-color: #ff7700;
}



/* Footer */

.mecha #style_footer ul{
 margin-bottom: 20px;
 margin-top: 60px;
 border-bottom-width: 1px;
 border-top-width: 1px;
 border-bottom-style: dotted;
 border-top-style: solid;
 border-color: #ff7700;
 padding-top: 4px;
 padding-bottom: 4px;
}

.mecha #style_footer li{
 text-align: center;
 font-size: 0.85em;
 font-style: italic;
 margin-top: 2px;
 margin-bottom: 2px;
}

.mecha #style_footer a{ font-size: 1em; font-style: italic; color: #ee99ff; }
.mecha #style_footer a:hover{ color: #ffffff; text-decoration: underline; }



/* Images and Thumbnail lists */

.mecha .thumbnail-wrap img,
.mecha .image-wrap img{
 border-style: dotted;
 border-width: 1px;
 padding: 1px;
 background-color: #000000;
 border-color: #ff7700;
}

.mecha .thumbnail-list li{ float: left; margin: 12px; width: 104px; height: 104px; }
.mecha .thumbnail-list{ clear: both; }

.mecha .thumbnail-wrap img:hover,
.mecha .image-wrap img:hover{ border-color: #ffffff; }
.mecha .thumbnail-wrap ul{ display: none; }
.mecha .image-wrap .thumbnail-wrap{ display: none; }



/* Page information */

.mecha .page-info .date{
 display: inline;
 font-style: italic;
 font-weight: bold;
 color: #ff7700;
}

.mecha .page-info .id{
 float: right;
 font-style: italic;
 font-weight: bold;
 color: #ff7700;
}
.mecha .page-info .id a{ color: #ff7700; font-style: italic; }
.mecha .page-info .id a:hover{ color: #ffff99; }

.mecha .page-info .meta{
 padding-bottom: 12px;
 padding-top: 2px;
}

.mecha .page-info .comment-count{ float: right; }
.mecha .page-info .comment-count a{ color: #ff4400; font-style: italic; }
.mecha .page-info .comment-count a:hover{ color: #ffaa00; }

.mecha .page-info .tags{ display: inline; }
.mecha .page-info .tags a{ color: #ff4400; font-style: italic; }
.mecha .page-info .tags a:hover{ color: #ffaa00; }



/* Various summary listings (meta info is laid out differently) */

.mecha .article-short{ clear: both; }

.mecha .article-short .page-info .date{
 display: block;
 float: right;
 font-weight: normal;
 color: #ff7700;
 font-size: 0.77em;
 font-style: italic;
}

.mecha .article-short .page-info .id{ display: none; }

.mecha .article-short .body{
 border-style: dotted;
}



/* Images (anywhere) */

.mecha .image-left,
.mecha .image-right,
.mecha .image-rlg,
.mecha .image-center{
 text-align: center;
 margin-top: 12px;
 margin-bottom: 12px;
}

.mecha .image-left{ margin-right: 12px; }
.mecha .image-right,
.mecha .image-rlg{ margin-left: 12px; }

.mecha .image-center div{
 text-align: center;
}

.mecha .image-center,
.mecha .image-left,
.mecha .image-right,
.mecha .image-rlg{ clear: both; }
.mecha .image-left{ float: left; }
.mecha .image-right,
.mecha .image-rlg{ float: right; }



/* Content (article and comment body) */

.mecha .body ul li{ list-style-type: circle; }
.mecha .body ol li{ list-style-type: decimal; }

.mecha .body ul li,
.mecha .body ol li{
 overflow: visible;
 margin-left: 20px;
 margin-top: 6px;
 margin-bottom: 6px;
}

.mecha .body p,
.mecha .body ul,
.mecha .body ol{
 margin-top: 12px;
 margin-bottom: 12px;
 overflow: visible;
}

.mecha .body a{ font-style: italic; font-weight: bold; color: #ee99ff; }
.mecha .body a:hover{ color: #ffffff; text-decoration: underline; }

.mecha .body em{ font-weight: bold; color: #cc88ff; }

.mecha .body h1,
.mecha .body h2{ border-style: dotted; }

.mecha .body h1{ font-size: 1.45em; margin-top: 20px; margin-bottom: 14px; clear: both; }
.mecha .body h2{ font-size: 1.3em; margin-top: 18px; margin-bottom: 14px; clear: both; }
.mecha .body h3{ font-size: 1.15em; margin-top: 16px; margin-bottom: 12px; clear: both; }
.mecha .body h4{ font-size: 1em; margin-top: 14px; margin-bottom: 12px; clear: both; }

.mecha .body h1 a{ font-size: 1.45em; }
.mecha .body h2 a{ font-size: 1.3em; }
.mecha .body h3 a{ font-size: 1.15em; }
.mecha .body h4 a{ font-size: 1em; }

.mecha .body pre{
 border-width: 1px;
 border-style: dotted;
 border-color: #ff7700;
 margin: 12px;
 padding: 4px;
}

.mecha .body code,
.mecha .body .code pre,
.mecha .body pre.code{
 font-family: monospace;
 font-weight: bold;
 font-size: 0.87em;
 color: #44dd00;
}



/* Various lists */

.mecha .image-list,
.mecha .article-list,
.mecha .link-list,
.mecha .file-list,
.mecha .script-body{
 margin-bottom: 12px;
 border-bottom-width: 1px;
 border-style: dotted;
 border-color: #ff7700;
}

.mecha .script-body{
 padding-top: 6px;
 padding-bottom: 6px;
}

.mecha .article-list li,
.mecha .link-list li,
.mecha .file-list li{
 margin-top: 6px;
 margin-bottom: 6px;
}

.mecha .article-list li a,
.mecha .link-list li a,
.mecha .file-list li a{
 color: #ee99ff;
 font-weight: bold;
}

.mecha .article-list li a:hover,
.mecha .link-list li a:hover,
.mecha .file-list li a:hover{
 color: #ffffff;
 text-decoration: underline;
}

.mecha .article-list li .comments{
 display: block;
 float: right;
}

.mecha .article-list li .comments a{
 font-style: italic;
 font-weight: normal;
}

.mecha .article-list li .date,
.mecha .article-list li .date a{
 font-style: italic;
 font-weight: normal;
 font-size: 1em;
}

.mecha .article-list li .date{
 display: block;
 float: left;
 width: 50px;
}

.mecha .image-list{
 padding-top: 12px;
 padding-bottom: 12px;
 padding-left: 9px; /* Centers 5 images */
}



/* Comments */

.mecha .comments h3{
 border-bottom-style: solid;
}

.mecha .comments-empty{
 margin-top: 12px;
 margin-bottom: 12px;
}

.mecha .comment h4 .date{
 display: block;
 float: right;
 color: #ff7700;
 font-size: 0.87em;
 font-style: italic;
}

.mecha .comment .body{
 border-style: dotted;
}



/* Comments form */

.mecha #send-comment h3{
 border-bottom-style: solid;
}

.mecha #send-comment #comment-guideline .body ol li{
 font-size: 0.87em;
 margin-bottom: 2px;
 margin-top: 2px;
}

.mecha #send-comment #comment-guideline .body ol li a{
 font-size: 1em;
}

.mecha #send-comment #comment-guideline .body{
 border-bottom-style: dotted;
}

.mecha #send-comment #comment-form label{
 display: block;
}

.mecha #send-comment #comment-form span{
 display: block;
 float: left;
 width: 90px;
}

.mecha #send-comment #comment-form input[type="text"],
.mecha #send-comment #comment-form textarea{
 display: block;
 font-family: monospace;
 border-bottom-width: 1px;
 border-style: dashed;
 border-color: #bb77ff;
 width: 567px;
}

.mecha #send-comment #comment-form input[type="submit"]{
 display: block;
 font-weight: bold;
 color: #ee99ff;
 margin-bottom: 12px;
 margin-top: 6px;
}

.mecha #send-comment #comment-form input[type="submit"]:hover{
 color: #ffffff;
 text-decoration: underline;
}

.mecha .comment-result{
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-style: dotted;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-top: 12px;
 margin-bottom: 12px;
 text-align: center;
}

.mecha .comment-error{
 border-color: #ff4400;
 color: #ff4400;
}

.mecha .comment-success{
 border-color: #44ff00;
 color: #44ff00;
}



/* Pagination */

.mecha .pagination,
.mecha .sibling-links{
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-style: dashed;
 border-color: #ff7700;
 margin-bottom: 12px;
 margin-top: 12px;
 padding-bottom: 4px;
 padding-top: 4px;
 text-align: center;
 font-family: monospace;
 color: #ff7700;
}

.mecha .pagination li,
.mecha .sibling-links li{
 color: #ff7700;
 font-weight: bold;
 font-family: monospace;
}

.mecha .pagination a,
.mecha .sibling-links a{
 color: #ff7700;
 font-weight: bold;
 font-family: monospace;
}

.mecha .pagination a:hover,
.mecha .sibling-links a:hover{ color: #ffffff; }

.mecha .pagination .sel{
 color: #ffffff;
 font-weight: bold;
 font-family: monospace;
}

.mecha .sibling-links .first{ float:left; width: 164px; text-align: left; }
.mecha .sibling-links .prev{ float:left; width: 164px; text-align: left; }
.mecha .sibling-links .next{ float:left; width: 165px; text-align: right; }
.mecha .sibling-links .last{ float:left; width: 164px; text-align: right; }



/* Quote of the Day */

.mecha #qotd h4{
 border-style: dashed;
 font-style: italic;
}

.mecha #qotd .body{
 border-style: dashed;
 margin-bottom: 20px;
}

.mecha #qotd .body p{
 font-style: italic;
 margin-top: 12px;
 margin-bottom: 2px;
}

.mecha #qotd .body em{
 font-style: italic;
}

.mecha #qotd .author{
 margin-bottom: 20px;
 text-align: right;
 font-style: italic;
}













/* Mobile JavaScript assisted theme: the class "modev" on body is used
** for this, applied on body by the JavaScript. So here everything related
** uses it as base ensuring that it only takes effect with its script. */

/* Style reset */

body.modev,
.modev *{
 padding: 0px;
 margin: 0px;
 border-width: 0px;
 border-style: none;
 color: #bb77ff;
 font-size: 14px;
 font-family: sans;
 font-weight: normal;
 font-style: normal;
 text-align: justify;
 text-decoration: none;
 background-color: transparent;
 background-image: none;
 background-repeat: repeat; background-position: left top;
 clear: none;
 overflow: hidden;
}
.modev ul, .modev ol, .modev li{
 list-style-type: none;
 list-style-image: none;
}
/* Body: Restore overflow for scroll-ability */
body.modev{
 overflow: auto;
 background-color: #000000;
}



/* Navigation links */

.modev #base-navigation h2{
 display: none;
}

.modev #base-navigation ul{
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 12px;
 padding-bottom: 2px;
 border-color: #ff7700;
 border-bottom-width: 1px;
 border-style: solid;
 width: 540px;
}

.modev #base-navigation li{
 float: left;
 width: 90px;
 text-align: center;
}

.modev #base-navigation li a{
 font-weight: bold;
 color: #ff7700;
 font-size: 1.1em;
}

.modev #base-navigation li a:hover{
 color: #ffff99;
}

.modev #base-breadcrumb h2{
 display: none;
}

.modev #base-breadcrumb ul{
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 12px;
 padding-top: 2px;
 padding-bottom: 2px;
 border-color: #ffaa99;
 border-bottom-width: 1px;
 border-top-width: 1px;
 border-style: solid;
 width: 1080px;
}

.modev #base-breadcrumb li:before{
 font-weight: bold;
 color: #ffffff;
 font-family: monospace;
 content: ">> ";
}

.modev #base-breadcrumb li{
 float: left;
 margin-left: 12px;
 font-family: sans;
}

.modev #base-breadcrumb li a{
 font-weight: bold;
 color: #ffaa99;
}

.modev #base-breadcrumb li a:hover{
 color: #ffffff;
}



/* Styling body html - generic stuff */

.modev h1,
.modev h2{
 font-weight: bold;
 color: #ff7700;
 border-bottom-width: 1px;
 border-style: solid;
 border-color: #ff7700;
}

.modev h1{ text-align: center; font-size: 1.6em; margin-top: 18px; }
.modev h2{ text-align: left;   font-size: 1.45em; margin-top: 18px; }

.modev h3,
.modev h4{
 font-weight: bold;
 color: #ff7700;
 text-align: left;
 border-bottom-width: 1px;
 border-style: dotted;
 border-color: #ff7700;
}

.modev h3{ font-size: 1.3em; margin-top: 18px; }
.modev h4{ font-size: 1.15em; margin-top: 16px; }

.modev h1 a,
.modev h2 a,
.modev h3 a,
.modev h4 a{ color: #ff7700; font-weight: bold; }
.modev h1 a:hover,
.modev h2 a:hover,
.modev h3 a:hover,
.modev h4 a:hover{ color: #ffff99; }
.modev h1 a,
.modev h2 a,
.modev h3 a,
.modev h4 a{ font-size: 1em; }



/* Body elements typically have a bottom border, add this. Also fix for side
** paddings which are necessary with this theme (not margins to get the bottom
** border spanning all width). */

.modev .body{
 margin-bottom: 12px;
 padding-left: 12px;
 padding-right: 12px;
 border-bottom-width: 1px;
 border-style: solid;
 border-color: #ff7700;
}



/* Footer */

.modev #base-footer ul{
 margin-bottom: 20px;
 margin-top: 20px;
 border-bottom-width: 1px;
 border-top-width: 1px;
 border-bottom-style: dotted;
 border-top-style: solid;
 border-color: #ff7700;
 padding-top: 4px;
 padding-bottom: 4px;
}

.modev #base-footer li{
 text-align: center;
 font-size: 0.85em;
 font-style: italic;
 margin-top: 2px;
 margin-bottom: 2px;
}

.modev #base-footer a{ font-size: 1em; font-style: italic; color: #ee99ff; }
.modev #base-footer a:hover{ color: #ffffff; text-decoration: underline; }




/* Images and Thumbnail lists */

.modev .thumbnail-wrap img,
.modev .image-wrap img{
 border-style: dotted;
 border-width: 1px;
 padding: 1px;
 background-color: #000000;
 border-color: #ff7700;
}

.modev .thumbnail-list li{ float: left; margin: 12px; width: 104px; height: 104px; }
.modev .thumbnail-list{ clear: both; }

.modev .thumbnail-wrap img:hover,
.modev .image-wrap img:hover{ border-color: #ffffff; }
.modev .thumbnail-wrap ul{ display: none; }
.modev .image-wrap .thumbnail-wrap{ display: none; }



/* Page information */

.modev .page-info .meta{ padding-bottom: 12px; padding-top: 2px; }
.modev .page-info .label{ display: none; }

.modev .page-info .date{ float: right; margin-right: 12px; }
.modev .page-info .date span{ font-style: italic; color: #ff4400; }

.modev .page-info .id{ float: right; margin-right: 12px; }
.modev .page-info .id span{ font-style: italic; color: #ff4400; }

.modev .page-info .editlink{ float: right; margin-right: 12px; }
.modev .page-info .editlink span{ font-style: italic; color: #ff4400; }
.modev .page-info .editlink span a{ color: #ff7700; font-style: italic; }
.modev .page-info .editlink span a:hover{ color: #ffff99; }

.modev .page-info .comment-count{ display: none; }
.modev .page-info .summary{ display: none; }

.modev .page-info .tags{ margin-left: 12px; }
.modev .page-info .tags a{ color: #ff4400; font-style: italic; }
.modev .page-info .tags a:hover{ color: #ffaa00; }



/* Various summary listings */

.modev .article-short .body{
 border-style: dotted;
}



/* Images (anywhere) */

.modev .image-left,
.modev .image-right,
.modev .image-rlg,
.modev .image-center{
 text-align: center;
 margin-top: 12px;
 margin-bottom: 12px;
}

.modev .image-left{ margin-right: 12px; }
.modev .image-right,
.modev .image-rlg{ margin-left: 12px; }

.modev .image-center div{
 text-align: center;
}

.modev .image-center,
.modev .image-left,
.modev .image-right,
.modev .image-rlg{ clear: both; }
.modev .image-left{ float: left; }
.modev .image-right,
.modev .image-rlg{ float: right; }



/* Content (article and comment body) */

.modev .body ul li{ list-style-type: circle; }
.modev .body ol li{ list-style-type: decimal; }

.modev .body ul li,
.modev .body ol li{
 overflow: visible;
 margin-left: 20px;
 margin-top: 6px;
 margin-bottom: 6px;
}

.modev .body p,
.modev .body ul,
.modev .body ol{
 margin-top: 12px;
 margin-bottom: 12px;
 overflow: visible;
}

.modev .body a{ font-style: italic; font-weight: bold; color: #ee99ff; }
.modev .body a:hover{ color: #ffffff; text-decoration: underline; }

.modev .body em{ font-weight: bold; color: #cc88ff; }

.modev .body h1,
.modev .body h2{ border-style: dotted; }

.modev .body h1{ font-size: 1.45em; margin-top: 20px; margin-bottom: 14px; clear: both; }
.modev .body h2{ font-size: 1.3em; margin-top: 18px; margin-bottom: 14px; clear: both; }
.modev .body h3{ font-size: 1.15em; margin-top: 16px; margin-bottom: 12px; clear: both; }
.modev .body h4{ font-size: 1em; margin-top: 14px; margin-bottom: 12px; clear: both; }

.modev .body h1 a{ font-size: 1.45em; }
.modev .body h2 a{ font-size: 1.3em; }
.modev .body h3 a{ font-size: 1.15em; }
.modev .body h4 a{ font-size: 1em; }

.modev .body pre{
 border-width: 1px;
 border-style: dotted;
 border-color: #ff7700;
 margin: 12px;
 padding: 4px;
}

.modev .body code,
.modev .body .code pre,
.modev .body pre.code{
 font-family: monospace;
 font-weight: bold;
 font-size: 0.87em;
 color: #44dd00;
}



/* Various lists */

.modev .image-list,
.modev .article-list,
.modev .link-list,
.modev .file-list,
.modev .script-body{
 margin-bottom: 12px;
 padding-left: 12px;
 padding-right: 12px;
 border-bottom-width: 1px;
 border-style: dotted;
 border-color: #ff7700;
}

.modev .script-body{
 padding-top: 6px;
 padding-bottom: 6px;
}

.modev .article-list li,
.modev .link-list li,
.modev .file-list li{
 margin-top: 6px;
 margin-bottom: 6px;
}

.modev .article-list li a,
.modev .link-list li a,
.modev .file-list li a{
 color: #ee99ff;
 font-weight: bold;
}

.modev .article-list li a:hover,
.modev .link-list li a:hover,
.modev .file-list li a:hover{
 color: #ffffff;
 text-decoration: underline;
}

.modev .article-list li .comments{
 display: block;
 float: right;
}

.modev .article-list li .comments a{
 font-style: italic;
 font-weight: normal;
}

.modev .article-list li .date,
.modev .article-list li .date a{
 font-style: italic;
 font-weight: normal;
 font-size: 1em;
}

.modev .article-list li .date{
 display: block;
 float: left;
 width: 50px;
}

.modev .image-list{
 padding-top: 12px;
 padding-bottom: 12px;
 padding-left: 9px; /* Centers 5 images */
}



/* Comments */

.modev .comments h3{
 border-bottom-style: solid;
}

.modev .comments-empty{
 margin: 12px;
}

.modev .comment h4 .date{
 display: block;
 float: right;
 color: #ff7700;
 font-size: 0.87em;
 font-style: italic;
 margin-right: 12px;
}

.modev .comment .body{
 border-style: dotted;
}



/* Comments form */

.modev #send-comment h3{
 border-bottom-style: solid;
}

.modev #send-comment #comment-guideline .body ol li{
 font-size: 0.87em;
 margin-bottom: 2px;
 margin-top: 2px;
}

.modev #send-comment #comment-guideline .body ol li a{
 font-size: 1em;
}

.modev #send-comment #comment-guideline .body{
 border-bottom-style: dotted;
}

.modev #send-comment #comment-form label{
 display: block;
}

.modev #send-comment #comment-form span{
 display: block;
 float: left;
 width: 90px;
}

.modev #send-comment #comment-form input[type="text"],
.modev #send-comment #comment-form textarea{
 display: block;
 font-family: monospace;
 border-bottom-width: 1px;
 border-style: dashed;
 border-color: #bb77ff;
 width: 567px;
}

.modev #send-comment #comment-form input[type="submit"]{
 display: block;
 font-weight: bold;
 color: #ee99ff;
 margin-bottom: 12px;
 margin-top: 6px;
}

.modev #send-comment #comment-form input[type="submit"]:hover{
 color: #ffffff;
 text-decoration: underline;
}

.modev .comment-result{
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-style: dotted;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-top: 12px;
 margin-bottom: 12px;
 text-align: center;
}

.modev .comment-error{
 border-color: #ff4400;
 color: #ff4400;
}

.modev .comment-success{
 border-color: #44ff00;
 color: #44ff00;
}



/* Pagination */

.modev .pagination,
.modev .sibling-links{
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-style: dashed;
 border-color: #ff7700;
 margin-bottom: 12px;
 margin-top: 12px;
 padding-bottom: 4px;
 padding-top: 4px;
 padding-left: 12px;
 padding-right: 12px;
 text-align: center;
 font-family: monospace;
 color: #ff7700;
}

.modev .pagination li,
.modev .sibling-links li{
 color: #ff7700;
 font-weight: bold;
 font-family: monospace;
}

.modev .pagination a,
.modev .sibling-links a{
 color: #ff7700;
 font-weight: bold;
 font-family: monospace;
}

.modev .pagination a:hover,
.modev .sibling-links a:hover{ color: #ffffff; }

.modev .pagination .sel{
 color: #ffffff;
 font-weight: bold;
 font-family: monospace;
}

.modev .sibling-links .first{ float:left; width: 25%; text-align: left; }
.modev .sibling-links .prev{ float:left; width: 25%; text-align: left; }
.modev .sibling-links .next{ float:left; width: 25%; text-align: right; }
.modev .sibling-links .last{ float:left; width: 25%; text-align: right; }



/* Quote of the Day */

.modev #qotd h4{
 border-style: dashed;
 font-style: italic;
}

.modev #qotd .body{
 border-style: dashed;
 margin-bottom: 20px;
}

.modev #qotd .body p{
 font-style: italic;
 margin-top: 12px;
 margin-bottom: 2px;
}

.modev #qotd .body em{
 font-style: italic;
}

.modev #qotd .author{
 margin-bottom: 20px;
 text-align: right;
 font-style: italic;
}



/* Recommendation list limitation */

.modev #base-recomm ul{
 height: 260px;
}